<template>
<view class="index" :class="nodata?'index2':'index1'">
	<view class="jtop">
		<view class="status_bar"><!-- 这里是状态栏 --></view>
		<view class="jtop_l" @tap="navigateBack"><image src="../../static/img/ic_back.png"></image></view>
		<view class="jtop_c">
			<view>
				施工日志
			</view>
		</view>
		
		<view class="jtop_r" @tap="jshow_pop" v-if="xsdd"><image src="../../static/img/index/ic_ellipsis.png"></image></view>
		<view class="jtop_r" @tap="btrl"><image src="../../static/img/calendar.png"></image></view>
		
	</view>
	
	<view class="tophr"></view>
	
	<!-- 日历 -->
	<view class="content" v-show="rl">
		<RenCalendar ref='ren' :markDays='markDays' :open="true" :disabledAfter='true' @onDayClickaa="onDayClickaa"  @onDayClick='onDayClick'></RenCalendar>
		<view class="cbj" @click="btrl"></view>
	</view>
	<!-- 日历 -->
	

	
	<!-- 新建 -->
	<view class="no" v-if="nodata">

			<view class="addb">
				<view class="addb_1">
					日期：{{jt}}    {{xq}}<br/>

<!-- 					
					<p v-if="tq">天气：{{tq}}<br/></p>
					<p v-if="tq">风力：{{fl}}<br/></p>
					<p v-if="tq">温度：{{wd}}<br/></p> -->

				</view>

				
				<view class="addi2 addi3 addi4">
					<text>天气：</text>
					 <textarea
 placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="tq" @input="onKeyInputtq" />
				</view>

				<view class="addi2 addi3 addi4">
					<text>温度：</text>
					 <textarea
       placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="fl" @input="onKeyInputfl" />
				</view>
				<view class="addi2 addi3 addi4 noborder">
					<text>温度：</text>
					 <textarea
      placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="wd" @input="onKeyInputwd" />
				</view>

			</view>
			
			<view class="addb">
				<view class="addb_1 ">
					项目编号：{{data_id}}
				</view>

				<view class="addb_1 noborder">
					项目名称：{{data_name}}
				</view>
			</view>
			
			
			<view class="addb">
				<view class="addi2 addi3">
					<text>生产情况记录：</text>
					 <textarea
        auto-height="true"
        style="min-height: 150rpx;"
        maxlength="-1" placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="productionSituationContent" @input="onKeyInputproductionSituationContent" />
				</view>
			</view>
			
			<view class="addb">
				<view class="addi2 addi3">
					<text>生产人员记录：</text>
					 <textarea
        auto-height="true"
        style="min-height: 150rpx;"
        maxlength="-1" placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="productionPersonContent" @input="onKeyInputproductionPersonContent" />
				</view>
			</view>
			
			<view class="addb">
				<view class="addi2 addi3">
					<text>技术质量安全工作记录：</text>
					 <textarea
        auto-height="true"
        style="min-height: 150rpx;"
        maxlength="-1" placeholder-style="color:#CCCCCC" placeholder="设计图纸及设计变更情况、方案上报及审批情况、技术交底及复核、技术质量安全活动，技术质量安全问题、检查评定验收等" :value="productionWorkContent" @input="onKeyInputproductionWorkContent" />
				</view>
			</view>
			
			
			<view class="addb">
				<view class="addi2 addi3">
					<text>材料、设备、构配件进场等其它记录：</text>
					 <textarea
        auto-height="true"
        style="min-height: 150rpx;"
        maxlength="-1" placeholder-style="color:#CCCCCC" placeholder="请输入内容" :value="productionOtherContent" @input="onKeyInputj4" />
				</view>
			</view>
			
			
			
			<view class="addi">
				<text>拍照上传</text>
				<view class="att">
					
					<view  v-for="(item, index) in jimg" :key="item.id">
						
						<image class="at" :src="item" @longpress="logoTime(index)"></image>
		
						
					</view>
					<image src="../../static/img/index/new/at.png" mode="" class="at" @tap="changeAvatar()"></image>
				</view>
				
			</view>
			
			<view class="addb">
				<view class="addi2 addi3">
					<text>备注：</text>
					 <textarea
        auto-height="true"
        style="min-height: 150rpx;"
        maxlength="-1" placeholder-style="color:#CCCCCC" placeholder="请输入备注" :value="remark" @input="onKeyInputremark" />
				</view>
			</view>
			
			<view class="addb">
				<view class="addb_1">
					项目负责人：{{bh}}
				</view>
				<view class="addb_1 noborder">
					日志记录人：{{parameter}}
				</view>
			</view>
					
					
					<view class="addi_f">
						<view class="addi_fbt" @click="jsave">
							保存
						</view>
					</view>
		
		<!-- 弹出层 -->
		<view :class="[ashowpop2 ? 'tc' : 'tc hide']">
				<view class="jtop_bj" ></view>
				
				<view class="tc_fbox">
					
					<view class="tc_fbox_bt2" @click="btTC_jdel">
						删除
					</view>
					<view class="tc_fbox_bt"  @click="btTCC">
						取消
					</view>
				</view>
		
		</view>
		
	</view>
	<!-- 新建 -->

	
<view v-if="!nodata">
	<view class="tt" >
			{{items.jobDate}}     {{items.week==1?'星期一':''}}  {{items.week==2?'星期二':''}}  {{items.week==3?'星期三':''}} {{items.week==4?'星期四':''}} {{items.week==5?'星期五':''}}{{items.week==6?'星期六':''}} {{items.week==7?'星期日':''}}
		<!-- <image src="../../static/img/jt.png"></image> -->
	</view>
	
	<view class="tt">
		<view class="" v-if="items.weather">
			天气：{{items.weather}}
		</view>
		<view class=""  v-if="items.windPower">
			风力：{{items.windPower}}
		</view>
		<view class=""  v-if="items.temperature">
			温度：{{items.temperature}}
		</view>
		
		
		<view class="">
			生产情况记录：{{items.productionSituationContent}}
		</view>
		<view class="">
			生产人员记录：{{items.productionPersonContent}}
		</view>
		<view class="">
			技术质量安全工作记录：{{items.productionWorkContent}}
		</view>
		<view class="">
			材料、设备、构配件进场等其它记录：{{items.productionOtherContent}}
		</view>
		<view class="">
			备注：{{items.remark}}
		</view>

		<view class="">
			
			<view  v-for="(item, index) in jimg" :key="item.id">
				
				<image class="at" :src="item" @tap="build_i(item)"></image>
			
				
			</view>
			
			
			
			<!-- <image src="../../static/img/jhead_portrait.png" @tap="build_i"></image> -->
			
		</view>
	</view>
	
</view>	
	
	<!-- 弹出层 -->
		<view :class="[ashowpop ? 'tc' : 'tc hide']">
			<view class="jtop_bj"  @click="jshow_pop"></view>
			
			<view class="tc_fbox">
				<view class="tc_fbox_bt3" @click="btTC_bj">
					编辑施工日志
				</view>
				<view class="tc_fbox_bt2" style="color: #EB5342;" @click="btTC_jdelrz">
					删除施工日志
				</view>
				<view class="tc_fbox_bt"  @click="jshow_pop">
					取消
				</view>
			</view>
	
		</view>
	
	
</view>	
</template>

<script>import request from '@/common/request.js'
    import RenCalendar from '@/components/new-build/new-build.vue'
	export default {
        components:{
            RenCalendar
        },
		data() {
			return {
				repeat_click:true,
				ashowpop:false,
				curDate:'',
				markDays:[],
				collapsible:false,
				nian:"",
				yue:"",
				nodata:false,
				items: "",
				jqeditid:"",
				ashowpop2:false,
				projectId:uni.getStorageSync("dqfull_name").id,
				today:"",
				week:"",
				jimg:"",
				
				
				
				rl:false,
				xsdd:false,
				

				
				ashowpop_jrename: false,
				ashowpop_jdel: false,
				ashowpopT: false,
				bj: false,
				yd:false,
				jt:"",
				xq:"",
				date:"",
				city:"",
				tq:"",
				wd:"",
				
				photo:"",
				number:"",
				name:"",
				leader:"",
				content:"",
				jimg:[],
				
				ashowpop2:false,

				fl:'',

				bh: "",
				parameter: uni.getStorageSync("user").userInfoResponse.realName,
				data_id: uni.getStorageSync("dqxm").id,
				data_name: uni.getStorageSync("dqxm").name,
				productionOtherContent:"",
					productionPersonContent: "",
	productionSituationContent: "",
	productionWorkContent: "",
	remark: "",
	temperature: "",
	weather: "",
	windPower: ""
		
			}
		},
		
		onShow() {
			this.ashowpop = false;
			
			// let today = this.$refs.ren.getToday().date;
			this.nian = new Date().getFullYear();
			this.yue = new Date().getMonth() + 1;
			
			var date = new Date();
			var Y = date.getFullYear();
			var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1);
			var D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate());
			
			  var now = new Date();
			       var day = now.getDay();
			       var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
			       var week = weeks[day];
			       
			this.week = week;
			
			let today = Y+'-'+M+'-'+D;
			this.jt = Y+"年"+M+"月"+D+"日";
			this.today = today;
			console.log("ddddd:",today)
			this.curDate = today;
			this.markDays.push(today);
			this.lb(this.curDate);



			  // 获取用户信息
    request({
      url: '/ucenter/project-user-role/' + uni.getStorageSync("dqxm").id,
      method: 'GET',

      success: res => {
        console.log('项目详情2233333', res.data);

        // 已经授权了、查询到用户的数据了
        if (res.data.success == true) {
          // this.name = res.data.data.name;
          if (res.data.data) {
            this.bh = res.data.data[0].userInfo.realName;
          }
        } else {
          // 错误
          this.repeat_click = true;
          uni.showToast({
            title: res.data.msg,
            icon: 'none',
          });
        }
      },
    });
			
			
			
			
			// 新增
			
			uni.getLocation({
			    type: 'wgs84',
			    success: function (res) {
			        console.log('当前位置的经度：' + res.longitude);
			        console.log('当前位置的纬度：' + res.latitude);
					console.log('2222当前位置的纬度：' + res.address);
					this.address = res.address.city;
					
			    },fail: (e) => {
					console.log(e)
				}
			});

			
			this.jt = this.curDate;
					
			this.xq = this.week;

		
			
			// 天气 http://www.tianqiapi.com/api?version=v6&appid=18816298&appsecret=zgCO9Zuh
			request({
			url: `/biz/weather?data=${this.jt}`,
		    
			method: 'GET',
			success: openIdRes => {
						
					console.log("天气",openIdRes)
					this.tq = openIdRes.data.data.weather;
					this.fl = openIdRes.data.data.windDirection;

					if(openIdRes.data.data.temperature){
						this.wd = openIdRes.data.data.temperature;
					 }
					
				}
			});

		
		},
		
		
		
		onReady() {
            let today = this.$refs.ren.getToday().date;
            this.curDate = today;
            this.markDays.push(today);
		},
		methods: {

			onKeyInputtq: function(event) {
				this.tq=event.detail.value;
			},
			onKeyInputfl: function(event) {
				this.fl=event.detail.value;
			},
			onKeyInputwd: function(event) {
				this.wd=event.detail.value;
			},
			onKeyInputj4: function(event) {
				this.productionOtherContent=event.detail.value;
			},
			onKeyInputproductionPersonContent: function(event) {
				this.productionPersonContent=event.detail.value;
			},
			onKeyInputproductionSituationContent: function(event) {
				this.productionSituationContent=event.detail.value;
			},
			onKeyInputproductionWorkContent: function(event) {
				this.productionWorkContent=event.detail.value;
			},
			onKeyInputremark: function(event) {
				this.remark=event.detail.value;
			},
			//编辑
			btTC_bj(){
				uni.setStorageSync("lsjedit",this.items)
				uni.navigateTo({
					url: '../main/build_m',
				});

			},
			//删除
			btTC_jdelrz(){
					let that = this;
					request({
						url: `/biz/project-construction/${this.items.id}`, 
						method :"DELETE",
						
						success: (res) => {
							
							
							if (res.data.success == true) {
								that.lb(that.curDate);
								that.beginDate ="";
										
											that.endDate ="";
											 
								that.subject="";
										
								that.address="";
											
								that.participants="";
										
								that.content="";
											   
								that.conclusion="";
								
								
								that.ashowpop = false;
								wx.showToast({
								    title: '删除成功',
								    icon: 'none',
								    duration: 1500,
								    success: function () {
								      setTimeout(function() {
										  that.xsdd = false;
								      }, 2000);
								    }
								});
								
								
							} else {
								// 错误
													this.repeat_click = true;
					uni.showToast({
									title: res.data.msg,
									icon: 'none'
								});
							}
							
							
							
						},
						fail: () => {
												this.repeat_click = true;
					uni.showToast({
								title: '服务器开小差，请稍后~',
								icon: 'none'
							});
							return false;
						}
					});
			},
			//删除
			
			
			// 新增
			
			
			jsave(){
				if(!this.repeat_click){
					return
				}
				this.repeat_click = false;
			
				
				request({
					url: `/biz/project-construction`,
					data: {

						jobDate:this.curDate,
						photo:this.jimg.join(','),
						productionOtherContent:this.productionOtherContent,
						productionPersonContent:this.productionPersonContent,
						productionSituationContent:this.productionSituationContent,
						productionWorkContent:this.productionWorkContent,
						remark:this.remark,
temperature: this.wd,

	weather: this.tq,
	windPower: this.fl,
	

						
						
					
					},
					
					method: 'POST',
					success: openIdRes => {
						
						console.log(openIdRes);
						if (openIdRes.data.success == true) {
							
							wx.showToast({
							    title: '添加成功',
							    icon: 'none',
							    duration: 1000,
							    success: function () {
							      setTimeout(function() {
									   uni.navigateBack()
							      }, 1500);
							    }
							});
							
							
							// uni.navigateBack()
						} else {
												this.repeat_click = true;
					uni.showToast({
								title: openIdRes.data.msg,
								icon: 'none'
							});
							this.isLoading = false;
						}
					},
					fail: () => {
											this.repeat_click = true;
					uni.showToast({
							title: '服务器开小差，请稍后~',
							icon: 'none'
						});
						return false;
					}
				});
				
						
			},
			
			
			
			
			changeAvatar() {
			var that = this;
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['camera','album'], //从相册选择、摄像头
					success: function(res) {
						console.log(JSON.stringify(res.tempFilePaths,res.tempFiles[0]));
				
						that.sctp(res.tempFilePaths,res.tempFiles[0]);
			
					}
				});
			
			},
			
			sctp(a,b) {
				console.log(a);
				var als ="";
				var tpbt = b.name;
      if (tpbt == undefined || tpbt == 'undefined') {
        tpbt = b.path;
      }
				var pos = tpbt.lastIndexOf('.');
				var suffix = tpbt.substring(pos);
				function random_string(len) {　　
				      len = len || 32;　　
				      var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';　　
				      var maxPos = chars.length;　　
				      var pwd = '';　　
				      for (var i = 0; i < len; i++) {　　
				          pwd += chars.charAt(Math.floor(Math.random() * maxPos));
				      }
				      return pwd;
				}
				var g_object_name = random_string(10) + suffix;
				
				
				  // 获取信息
				  request({
				  	url: '/biz/oss/policy', 
				  	method :"GET",
				  	
				  	success: (res) => {
						
						if(res.data.success == true) {
							als = res.data.data;
							request({
							    
							    filePath: a[0],
								oss:true,
								formData:{ 
									'name':tpbt,
									'key':als.dir + g_object_name,
									'policy': als.policy, 
									'OSSAccessKeyId': als.accessid,
									'signature':  als.signature,
									'callback': als.callback,
									'success_action_status' : '200', 
								}, 
								
								success: (res) => {
											var cc = JSON.parse(res.data);
											console.log('上传图片', cc);
											if (cc.code == "00000") {
												var dd = this.jimg;
												dd.push(cc.data.url+'/'+als.dir + g_object_name);
												this.jimg = dd;
			
															
											} else {
																	this.repeat_click = true;
					uni.showToast({
													title: cc.message,
													icon: 'none'
												})
											}
								}
								
							})		
				  		
						}
					}
				  });
				  
				  
			
			},
			
			btTC_jdel(){
				var ax =  this.jimg;
				ax.splice(this.scdtp, 1)
			
				console.log("ax1111",ax)
				
				
				this.jimg =  ax;
				console.log("ax222",this.jimg)
				this.ashowpop2 = false;
			},
			
			
			btTCC(e){
				this.ashowpop2 = !this.ashowpop2;
			},
			
			logoTime(e){
				console.log(e);
				this.scdtp = e;
				this.ashowpop2 = true;
			},
			onKeyInput_o: function(event) {
				this.name=event.detail.value;
			},
			onKeyInput_t: function(event) {
				this.content=event.detail.value;
			},
			onKeyInput_c: function(event) {
				this.number=event.detail.value;
			},
			onKeyInput_f: function(event) {
				this.leader=event.detail.value;
			},
			
			// 跳转
			jshow_pop() {
				this.ashowpop = !this.ashowpop;
			},
			btTC2() {
				uni.navigateTo({
					url: '../main/work_add',
				});
			},
			
			// 新增end
			
			btrl(){
				this.rl= !this.rl
			},
			
			// btTC_bj(){
				
			// 	 var jc = this.items.filter((item) => {
			// 	     return item.id == this.jqeditid;
			// 	 });
				 
			// 	 console.log(jc)
				 
			// 	uni.setStorageSync("jc",jc[0]);
				 
			// 	uni.navigateTo({
			// 		url: '../main/work_r_edit',
			// 	});
			// },
			
			logoTime(e){
				console.log(e)
				this.jqeditid = e;
				this.ashowpop2 = true;
			},
			
			btTCC(e){
				this.ashowpop2 = !this.ashowpop2;
			},
			
			
			
			lb(e){




			
				// var anian = new Date().getFullYear();
				// var ayue = new Date().getMonth() + 1;
				// var ayue = new Date().getDay();
				// var rq = anian+"-"+ayue+"-"+ayue
				console.log("lbbb:",e)
				var cc = e.slice(0,7);

				this.tq = "";
				this.fl = "";
				this.wd = "";

				
				this.hqdd(cc)
				// 获取列表信息
			
			
				// 获取列表信息
				request({
					url: `/biz/project-construction/day`, 
					method :"GET",
					data: {
						date:e
					},
					
					
					
					success: (res) => {
						console.log("项目列表",res)
					
						if (res.data.success == true) {

							if(res.data.data){
									
								this.items = res.data.data;
								if(res.data.data.photo){
									var cc = res.data.data.photo;
									this.jimg = cc.split(',');
								}
								this.xsdd = true;
								console.log(this.items);
								this.nodata = false;
							}else{
								this.items = "";
								this.dqfull_name = "";
								this.nodata = true;
							}
							
						} else {
												this.repeat_click = true;
					uni.showToast({
								title: res.data.msg,
								icon: 'none'
							});
						}
					},
					fail: () => {
											this.repeat_click = true;
					uni.showToast({
							title: '服务器开小差，请稍后~',
							icon: 'none'
						});
						return false;
					}
				});
					
			},
			
			
			
			btadd() {
				this.week = this.week;
				uni.setStorageSync("jt",this.jt);
				uni.setStorageSync("rq",this.curDate);
				uni.setStorageSync("week",this.week);
				
				uni.navigateTo({
					url: '../main/build_add',
				});
			},
			
			// 跳转
			jshow_pop() {
				this.ashowpop = !this.ashowpop;
			},
			build_i(e) {
				console.log(e);
				uni.navigateTo({
					url: '../main/build_i?jimg='+e,
				});
			},
			build_m() {
				
				this.week;
				uni.setStorageSync("jt",this.jt);
				uni.setStorageSync("rq",this.curDate);
				uni.setStorageSync("week",this.week);
				
				uni.setStorageSync("jc",this.items);
				uni.navigateTo({
					url: '../main/build_m',
				});
			},
			build_e() {
				uni.navigateTo({
					url: '../main/build_e',
				});
			},
			// 跳转
			to_add() {
				uni.navigateTo({
					url: '../main/clock_work_m',
				});
			},
		
			navigateBack(){
				// uni.navigateBack()
				uni.switchTab({
					url: '../main/main',
				});
			},
			onDayClickaa(aa){
				this.hqdd(aa)
			},
			hqdd(aa){
				var that = this;
				// 获取列表信息
				request({
					url: `/biz/project-construction/days`, 
					method :"GET",
					data: {
						month:aa
					},
					
					
					
					success: (res) => {
						console.log("项目dd列表",res)
						console.log(res.data.data.length)
						if (res.data.success == true) {
							
							if(res.data.data.length > 0){
									
								this.markDays = res.data.data;
								console.log(this.markDays);
								
								
							}else{
								this.markDays = [];
								this.dqfull_name = "";
								
								
							}
							
						} else {
												this.repeat_click = true;
					uni.showToast({
								title: res.data.msg,
								icon: 'none'
							});
						}
					},
					fail: () => {
											this.repeat_click = true;
					uni.showToast({
							title: '服务器开小差，请稍后~',
							icon: 'none'
						});
						return false;
					}
				});
					
	},
			
            onDayClick(data){
				
                this.curDate = data.date;
				this.week = data.week;
				this.jt = this.curDate;
				this.lb(data.date)
				console.log("切换的日期：",this.curDate);
				console.log("今天的日期",this.today);
				
				request({
				url: `/biz/weather?data=${this.curDate}`,
				
				method: 'GET',
				success: openIdRes => {
							
						console.log("天气",openIdRes)
						this.tq = openIdRes.data.data.weather;
						this.fl = openIdRes.data.data.windDirection;

						if(openIdRes.data.data.temperature){
							this.wd = openIdRes.data.data.temperature;
						}
						
					}
				});


				this.xq = data.week;
				this.rl = false;
				
				this.beginDate ="";
						
            }
		}
	}
</script>

<style>

.tc{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:10000; display: block;}
.jtop_bj{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index:10000;}
.tc_fbox_bt{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 20rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox{ width: 100%; height: auto; display: block; float: left; background: #F2F2F2; position: fixed; left: 0; bottom: 0; z-index:10001; }
.tc_fbox_bt2{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 0rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox_bt3{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-bottom: 1px solid #DDDDDD; background: #ffffff;}
	
	
.no{ width: 100%; height: auto; display: block; float: left; margin: 100rpx 0 200rpx;}
.no_t{ width: 690rpx; padding:  40rpx 30rpx 30rpx; height: auto; color: #666666;font-size: 32rpx;line-height: 40rpx;display: block;float: left; text-align: center; }
.no_bt{width: 460rpx;
height: 94rpx;
 margin: 50rpx 0 0  150rpx;
 color: #FFFFFF;font-size: 36rpx;line-height: 48rpx;
background: #256AFF;display: block;float: left;
border-radius: 10rpx; text-align: center;}

.no_bt image{width: 48rpx;height: 48rpx;display: block;float: left; margin:20rpx 20rpx 0rpx 124rpx;}
.no_btt{width: auto;height: 48rpx;display: block;float: left; margin:20rpx 0rpx 0rpx 0;line-height: 48rpx;}

.cf{ width: 690rpx; padding:  25rpx 30rpx; height: auto; color: #256AFF;font-size: 32rpx;line-height: 40rpx;display: block;float: left; border-bottom: 1px solid #DDDDDD;}
.ti{ width: 690rpx; padding:  40rpx 30rpx 30rpx; height: auto; color: #000000;font-size: 32rpx;line-height: 40rpx;display: block;float: left; }
.ti image{width: 16rpx;height: 25rpx;display: block;float: right; margin: 10rpx 0rpx 0 30rpx;}
.tt{ width: 690rpx; padding: 0rpx 30rpx 30rpx; height: auto; color: #666666;font-size: 32rpx;line-height: 40rpx;display: block;float: left; }
.tt view{ margin: 0 0 30rpx;}
.tt image{width: 160rpx;height: 160rpx;display: block;float: left; margin: 0rpx 20rpx  20rpx 0;}


.cf_b{ width: 690rpx;height: auto; display: block;float: left; margin: 0 30rpx;}
.cf01{width: 100%; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin: 20rpx 0;}
.cf02{width: 100%; height: auto;  display: block;float: left;color: #999999;font-size: 24rpx;line-height: 32rpx; margin:0 0 20rpx ;}
.cf03{width: 100rpx; height: auto;  display: block;float: left;color: #000000;font-size: 34rpx;line-height: 32rpx; margin: 40rpx 40rpx 40rpx 0;}
.cf04{ width:500rpx;height: auto; display: block;float: left; margin: 0 0rpx;}
.cf04t{width: 100%; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin:20rpx 0 10rpx ;}
.cf04f{width: 100%; height: auto;  display: block;float: left;color: #999999;font-size: 24rpx;line-height: 32rpx; margin:0rpx 0 22rpx ;}

.we{width: 100%; height: auto;  display: block;float: left; border-bottom: 1px solid #DDDDDD; }
.we1{width: 6rpx;
height: 36rpx;
margin: 42rpx 24rpx 0 0;
background: #256AFF;
border-radius: 3rpx; display: block;float: left;}
.we2{width: auto; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin: 42rpx 0;}
.we3{width: 48rpx; height: 48rpx;  display: block;float: right;color: #000000;font-size: 28rpx;line-height: 36rpx; margin:36rpx 30rpx 0 0;}


	.tophr{ width: 100%; height: 88rpx; }
	.uni-searchbar{box-shadow:none}
	.index{background: #ffffff;width: 100%; height: auto;}
	.jtop{ width: 100%; height: 88rpx; background: #256AFF; position: fixed; top: 0; left: 0; z-index: 1000;}
	.jtop_l{width: auto; height: 88rpx; display: block;float: left; font-size: 32rpx; color: #000000; line-height: 88rpx; margin: 0 0 0 30rpx;}
	.jtop_l image{width: 48rpx; height: 48rpx; display: block;float: left; margin: 20rpx 0 20rpx 0;}
	.jtop_lt{margin: 0 0 0 10rpx;}
	.jtop_r{width: 48rpx; color: #ffffff;text-align: right; height: 48rpx; display: block;float: right; margin: 20rpx 40rpx 0 0;}
	.jtop_rl{margin: 20rpx 30rpx 0 0;}
	.jtop_r image{width: 48rpx; height: 48rpx; display: block;float: left;}
	.jtop_c{width: 70%; height: 48rpx; line-height: 48rpx; display: block;float: left; position: fixed; top: 20rpx; left: 15%; text-align: center; font-size: 36rpx;color: #ffffff;}
	.jtop_c image{width: 36rpx; height: 36rpx; display: inline-block; float: none; margin-bottom: -5rpx; margin-left: 5rpx;}
	.jtop_b{width: 100%; height: auto; background: #ffffff; position: fixed; top:88rpx; left: 0; z-index: 1001;}
	.jtop_c1{ display: inline-block; margin: 0 20rpx; color: #ffffff;}
	.jtop_c1.active{color: #ffffff;}
	

	
		.change{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            margin-top: 100rpx;
            height: 100rpx;
            color: #b89249;
            background-color: #21191b;
        }

.tc{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:10000; display: block;}
.jtop_bj{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index:10000;}
.tc_fbox_bt{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 20rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox{ width: 100%; height: auto; display: block; float: left; background: #F2F2F2; position: fixed; left: 0; bottom: 0; z-index:10001; }
.tc_fbox_bt2{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 0rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox_bt3{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-bottom: 1px solid #DDDDDD; background: #ffffff;}
	
	
	
.no{ width: 100%; height: auto; display: block; float: left; margin: 0 0 200rpx;}
.no_t{ width: 690rpx; padding:  40rpx 30rpx 30rpx; height: auto; color: #666666;font-size: 32rpx;line-height: 40rpx;display: block;float: left; text-align: center; }
.no_bt{width: 460rpx;
height: 94rpx;
 margin: 50rpx 0 0  130rpx;
 color: #FFFFFF;font-size: 36rpx;line-height: 48rpx;
background: #2DB755;display: block;float: left;
border-radius: 10rpx; text-align: center;}

.no_bt image{width: 48rpx;height: 48rpx;display: block;float: left; margin:20rpx 20rpx 0rpx 88rpx;}
.no_btt{width: auto;height: 48rpx;display: block;float: left; margin:20rpx 0rpx 0rpx 0;line-height: 48rpx;}

.cf{ width: 690rpx; padding:  25rpx 30rpx; height: auto; color: #256AFF;font-size: 32rpx;line-height: 40rpx;display: block;float: left; border-bottom: 1px solid #DDDDDD;}
.ti{ width: 690rpx; padding:  40rpx 30rpx 30rpx; height: auto; color: #000000;font-size: 32rpx;line-height: 40rpx;display: block;float: left; border-bottom: 1px solid #DDDDDD;}
.ti image{width: 16rpx;height: 25rpx;display: block;float: right;margin: 10rpx 0rpx 0 0rpx;}

.ti text{width: auto;height: 25rpx;display: block;float: right; margin: 0rpx 20rpx 0 0rpx;}
.tt{ width: 690rpx; padding: 0rpx 30rpx 30rpx; height: auto; color: #666666;font-size: 32rpx;line-height: 40rpx;display: block;float: left; }
.tt view{ margin: 0 0 30rpx;}
.tt image{width: 160rpx;height: 160rpx;display: block;float: left; margin: 0rpx 20rpx  20rpx 0;}


.cf_b{ width: 690rpx;height: auto; display: block;float: left; margin: 0 30rpx;}
.cf01{width: 100%; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin: 20rpx 0;}
.cf02{width: 100%; height: auto;  display: block;float: left;color: #999999;font-size: 24rpx;line-height: 32rpx; margin:0 0 20rpx ;}
.cf03{width: 100rpx; height: auto;  display: block;float: left;color: #000000;font-size: 34rpx;line-height: 32rpx; margin: 40rpx 40rpx 40rpx 0;}
.cf04{ width:500rpx;height: auto; display: block;float: left; margin: 0 0rpx;}
.cf04t{width: 100%; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin:20rpx 0 10rpx ;}
.cf04f{width: 100%; height: auto;  display: block;float: left;color: #999999;font-size: 24rpx;line-height: 32rpx; margin:0rpx 0 22rpx ;}

.content{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:10000; display: block;}
.cbj{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index:999;}
.calendar-wrapper{ z-index:999999; position: relative; margin-top: 88rpx;}
.jtop{ width: 100%; height: 88rpx; background: #ffffff; position: fixed; top: 0; left: 0; z-index: 100000000;}



	.tophr{ width: 100%; height: 88rpx; }
	.uni-searchbar{box-shadow:none}
	.index{background: #ffffff;width: 100%; height: auto;}
	.jtop{ width: 100%; height: 88rpx; background: #ffffff; position: fixed; top: 0; left: 0; }
	.jtop_l{width: auto; height: 88rpx; display: block;float: left; font-size: 32rpx; color: #000000; line-height: 88rpx; margin: 0 0 0 30rpx;}
	.jtop_l image{width: 48rpx; height: 48rpx; display: block;float: left; margin: 20rpx 0 20rpx 0;}
	.jtop_lt{margin: 0 0 0 10rpx;}
	.jtop_r{width: 48rpx; color: #ffffff;text-align: right; height: 48rpx; display: block;float: right; margin: 20rpx 40rpx 0 0;}
	.jtop_rl{margin: 20rpx 30rpx 0 0;}
	.jtop_r image{width: 48rpx; height: 48rpx; display: block;float: left;}
	.jtop_c{width: 70%; height: 48rpx; line-height: 48rpx; display: block;float: left; position: fixed; top: 20rpx; left: 15%; text-align: center; font-size: 36rpx;color: #000000;}
	.jtop_c image{width: 36rpx; height: 36rpx; display: inline-block; float: none; margin-bottom: -5rpx; margin-left: 5rpx;}
	.jtop_b{width: 100%; height: auto; background: #ffffff; position: fixed; top:88rpx; left: 0; z-index: 1001;}
	.jtop_c1{ display: inline-block; margin: 0 20rpx; color: #000000;}
	.jtop_c1.active{color: #000000;}
	

	
		.change{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            margin-top: 100rpx;
            height: 100rpx;
            color: #b89249;
            background-color: #21191b;
        }
	
.we{width: 100%; height: auto;  display: block;float: left; border-bottom: 1px solid #DDDDDD; }
.we1{width: 6rpx;
height: 36rpx;
margin: 42rpx 24rpx 0 0;
background: rgba(45,138,85,1);
border-radius: 3rpx; display: block;float: left;}
.we2{width: auto; height: auto;  display: block;float: left;color: #000000;font-size: 28rpx;line-height: 36rpx; margin: 42rpx 0;}
.we3{width: 48rpx; height: 48rpx;  display: block;float: right;color: #000000;font-size: 28rpx;line-height: 36rpx; margin:36rpx 30rpx 0 0;}




.at{ width: 160rpx;height: 160rpx; display: block; float: left; margin:0rpx 0 0 0; }
.att{width: 720rpx; margin: 0 0 30rpx 30rpx; height: auto;display: block;float: left;  background: #ffffff; }

.addb_1{width: 720rpx; margin: 20rpx  30rpx 20rpx 30rpx;font-size: 32rpx;
line-height: 4r0px;color: #000000; height: auto;display: block;float: left;  }
.addb_2{width: 720rpx; margin: 0rpx  30rpx 20rpx 30rpx;font-size: 32rpx;
line-height: 4r0px;color: #666666; height: auto;display: block;float: left;  }

.ptt{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 1px solid #DDDDDD; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.pttl{width: 84rpx; height: 84rpx; display: block;float: left; margin: 18rpx 20rpx 18rpx 30rpx;}
.pttr{width: 400rpx; height: 84rpx; display: block;float: left; margin: 18rpx 0rpx 0rpx 0rpx;}
.pttrt{width: 100%; height: 42rpx; line-height: 42rpx; display: block;float: left; font-size: 34rpx; color: #000000;}
.pttrf{width: 100%; height: 42rpx; line-height: 42rpx; display: block;float: left; font-size: 24rpx; color: #999999;}
.pttjt{width: 16rpx;height: 25rpx;display: block;float: right; margin: 48rpx 30rpx 0 30rpx;}
.ptf{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 1px solid #DDDDDD; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.ptft{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; }
.ptft image{width: 48rpx;height: 48rpx;display: block;float: left; margin: 21rpx 20rpx 0 0rpx;}
.ptft text{width: auto;height: 48rpx;display: block;float: left; margin: 21rpx 20rpx 0 0rpx;font-size: 34rpx; line-height: 48rpx; color: #000000;}

.addi2{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; border-bottom: 1px solid #DDDDDD;}
.addi{width: 100%; height: auto;display: block;float: left;  background: #ffffff; box-shadow: inset 0px 1px 0px #DDDDDD, inset 0px -1px 0px #DDDDDD; margin: 20rpx 0 0;}
.addi2 text{width: 100%; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000; margin: 0 0 0 0rpx;}
.addi text{width: 100%; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000; margin: 0 0 0 30rpx;}
.addi input,.addi2 input{width: auto; height: 50rpx; display: block;float: left; margin: 20rpx 30rpx 0 0; text-align: left; line-height:50rpx;font-size: 34rpx;color: #000000;}
.addb{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 0; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.addbi{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; border-bottom: 1px solid #DDDDDD;}
.addb .addbi:last-child{ border: none;}
.addbi .addbil{width: 200rpx; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000;}
.addbi .addbir{width: auto; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 32rpx;color: #000000;}
.addbi image{width: 16rpx;height: 25rpx;display: block;float: right; margin: 33rpx 30rpx 0 30rpx;}
.addi textarea{width: 690rpx; height:150rpx; display: block;float: left; margin: 0rpx 30rpx 20rpx; text-align: left; line-height:40rpx;font-size: 34rpx;color: #000000;}



.nd{width: 735rpx; height: auto; display: block;float: left;margin: 0 0 0 0rpx; }
.nd_bt{ width: auto; height: 48rpx; display: block;float: right; border: 1px solid #DDDDDD; border-radius: 24rpx; margin: 40rpx 0 40rpx 30rpx;}
.nd_bt text{width: auto; height: 48rpx; display: block;float: left; margin: 0 7rpx 0 18rpx; line-height: 48rpx; color: #666666; font-size: 24rpx; }
.nd_bt image{width: 13rpx; height: 8rpx; display: block; float: left;  margin: 21rpx 14rpx 0 0;}



.tc{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:10000; display: block;}
.jtop_bj{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index:10000;}
.tc_fbox_bt{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 20rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox{ width: 100%; height: auto; display: block; float: left; background: #F2F2F2; position: fixed; left: 0; bottom: 0; z-index:10001; }
.tc_fbox_bt2{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 0rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox_bt3{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-bottom: 1px solid #DDDDDD; background: #ffffff;}

.addi2 image{width: 16rpx;height: 25rpx;display: block;float: right; margin: 33rpx 30rpx 0 30rpx;}

.index2{ background: #F2F2F2;}
.addi_f{ width: 100%; height: 134rpx; background: #ffffff; position: fixed; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1); left: 0; bottom: 0;}
.addi_fbt{ width: 690rpx;
height: 94rpx;
margin: 20rpx 0 0 30rpx;

background: #256AFF;
border-radius: 8rpx; text-align: center; font-size: 36rpx;color: #FFFFFF; line-height: 94rpx;}



.addb_1{width: 720rpx; margin: 20rpx  30rpx 20rpx 30rpx;font-size: 32rpx;
line-height: 40px;color: #000000; height: auto;display: block;float: left;  }

.addb view{width: 720rpx; margin: 0rpx  30rpx 10rpx 30rpx;font-size: 32rpx;
color: #000000; height: auto;display: block;float: left;  }
.addb_2{width: 720rpx; margin: 0rpx  30rpx 20rpx 30rpx;font-size: 32rpx;
line-height: 4r0px;color: #666666; height: auto;display: block;float: left;  }
.no_btt2{ width: 690rpx;
height: 94rpx;


background: #256AFF;
border-radius: 8rpx; text-align: center; font-size: 36rpx;color: #FFFFFF; line-height: 94rpx; position: fixed; left: 30rpx; bottom: 20rpx;}










/* 新增 */
.at{ width: 160rpx;height: 160rpx; display: block; float: left; margin:0rpx 0 0 0; }
.att{width: 720rpx; margin: 0 0 30rpx 30rpx; height: auto;display: block;float: left;  background: #ffffff; }
.att image{ margin: 0 20rpx 20rpx 0;}


.addb_1{width: 720rpx; margin:20rpx  30rpx 0rpx 30rpx!important; padding-bottom: 15rpx; font-size: 32rpx;
line-height:60rpx;color: #000000; height: auto;display: block;float: left; border-bottom: 1px solid #DDDDDD;  }
.addb_2{width: 720rpx; margin: 0rpx  30rpx 20rpx 30rpx ;font-size: 32rpx;
line-height:60rpx;color: #666666; height: auto;display: block;float: left;  }

.ptt{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 1px solid #DDDDDD; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.pttl{width: 84rpx; height: 84rpx; display: block;float: left; margin: 18rpx 20rpx 18rpx 30rpx;}
.pttr{width: 400rpx; height: 84rpx; display: block;float: left; margin: 18rpx 0rpx 0rpx 0rpx;}
.pttrt{width: 100%; height: 42rpx; line-height: 42rpx; display: block;float: left; font-size: 34rpx; color: #000000;}
.pttrf{width: 100%; height: 42rpx; line-height: 42rpx; display: block;float: left; font-size: 24rpx; color: #999999;}
.pttjt{width: 16rpx;height: 25rpx;display: block;float: right; margin: 48rpx 30rpx 0 30rpx;}
.ptf{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 1px solid #DDDDDD; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.ptft{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; }
.ptft image{width: 48rpx;height: 48rpx;display: block;float: left; margin: 21rpx 20rpx 0 0rpx;}
.ptft text{width: auto;height: 48rpx;display: block;float: left; margin: 21rpx 20rpx 0 0rpx;font-size: 34rpx; line-height: 48rpx; color: #000000;}

.addi2{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; border-bottom: 1px solid #DDDDDD;}
.addi{width: 100%; height: auto;display: block;float: left;  background: #ffffff; box-shadow: inset 0px 1px 0px #DDDDDD, inset 0px -1px 0px #DDDDDD; margin: 20rpx 0 0;}
.addi2 text{width: 100%; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000; margin: 0 0 0 0rpx;}


.addi text{width: 200rpx; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000; margin: 0 0 0 30rpx;}
.addi input,.addi2 input{width: auto; height: 50rpx; display: block;float: left; margin: 20rpx 30rpx 0 0; text-align: left; line-height:50rpx;font-size: 34rpx;color: #000000;}
.addb{width: 100%; height: auto;display: block;float: left;  background: #ffffff; border: 1px solid #DDDDDD; border-left: 0; border-right: 0;  margin: 20rpx 0 0;}
.addbi{width: 720rpx; margin: 0 0 0 30rpx; height: 90rpx;display: block;float: left;  background: #ffffff; border-bottom: 1px solid #DDDDDD;}
.addb .addbi:last-child{ border: none;}
.addbi .addbil{width: 200rpx; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 34rpx;color: #000000;}
.addbi .addbir{width: auto; height: 90rpx; display: block;float: left; line-height:90rpx;font-size: 32rpx;color: #000000;}
.addbi image{width: 16rpx;height: 25rpx;display: block;float: right; margin: 33rpx 30rpx 0 30rpx;}
.addi textarea{width: 690rpx; height:150rpx; display: block;float: left; margin: 0rpx 30rpx 20rpx; text-align: left; line-height:40rpx;font-size: 34rpx;color: #000000;}

.addi3{width: 720rpx; margin: 0 0 0 30rpx; height: auto;display: block;float: left;  background: #ffffff; border-bottom: 0px solid #DDDDDD;}
.addi3 textarea{width: 720rpx; height:150rpx; display: block;float: left; margin:10rpx 30rpx 20rpx 0; text-align: left; line-height:40rpx;font-size: 34rpx;color: #000000;}
.addb .addi4 { margin-bottom: 0;border-bottom: 1px solid #DDDDDD;}
.addi4 text{ width: auto;}
.addi4 textarea{width: 420rpx; height:45rpx; display: block;float: left; margin:25rpx 30rpx 0rpx 0; text-align: left; line-height:40rpx;font-size: 34rpx;color: #000000;}


.nd{width: 735rpx; height: auto; display: block;float: left;margin: 0 0 0 0rpx; }
.nd_bt{ width: auto; height: 48rpx; display: block;float: right; border: 1px solid #DDDDDD; border-radius: 24rpx; margin: 40rpx 0 40rpx 30rpx;}
.nd_bt text{width: auto; height: 48rpx; display: block;float: left; margin: 0 7rpx 0 18rpx; line-height: 48rpx; color: #666666; font-size: 24rpx; }
.nd_bt image{width: 13rpx; height: 8rpx; display: block; float: left;  margin: 21rpx 14rpx 0 0;}



.tc{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:10000; display: block;}
.jtop_bj{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index:10000;}
.tc_fbox_bt{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 20rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox{ width: 100%; height: auto; display: block; float: left; background: #F2F2F2; position: fixed; left: 0; bottom: 0; z-index:10001; }
.tc_fbox_bt2{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-top: 0rpx solid #F2F2F2; background: #ffffff;}
.tc_fbox_bt3{width: 100%; height: 90rpx; line-height: 90rpx; display: block; float: left;text-align: center; font-size: 36rpx; color: #000000; border-bottom: 1px solid #DDDDDD; background: #ffffff;}


</style>


